<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格</title>
		<link rel="stylesheet" href="js/bootstrap-3.4.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="js/bootstrap-3.4.1/css/bootstrap-theme.min.css"/>
		
		<script type="text/javascript"src="./js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript"src="./js/bootstrap-3.4.1/css/bootstrap.min.css"></script>
	</head>
	<body>
		<div class="row">
			<div class = "col-md-4">
			</div>
			<div class = "col-md-4">
		
		<table class="table table-striped table-hover table-condensed">
		  <thead>
			  <th>房间号</th>
			  <th>姓名</th>
			  <th>性别</th>
			  <th>身份证号</th>
			  <th>入住人数</th>
			  <th>房费</th>
		  </thead>
		  <tbody>
			  <tr>
			  <th>408</th>
			  <th>小洋</th>
			  <th>男</th>
			  <th>6104312221111</th>
			  <th>1</th>
			  <th>149</th>
			  </tr>
			  <tr>
			  <th>456</th>
			  <th class="active">小王</th>
			  <th>男</th>
			  <th>6104311114511</th>
			  <th>2</th>
			  <th>158</th>
			  </tr>
			  <tr>
			  <th class="info">333</th>
			  <th>小梦</th>
			  <th>女</th>
			  <th>61044541111111</th>
			  <th>2</th>
			  <th>168</th>
			  </tr>
			  <tr>
			  <th>555</th>
			  <th class="active">小沙</th>
			  <th>女</th>
			  <th>6104311114541</th>
			  <th>1</th>
			  <th>132</th>
			  </tr>
		  </tbody>
		</table>
	</body>
</html>